<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网络安全态势综合分析报告</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.8/dist/chart.umd.min.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        secondary: '#36BFFA',
                        success: '#00B42A',
                        warning: '#FF7D00',
                        danger: '#F53F3F',
                        dark: '#091E42',
                        'dark-light': '#1D2B47',
                        'gray-light': '#86909C',
                        'gray-lighter': '#C9CDD4',
                    },
                    fontFamily: {
                        inter: ['Inter', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .card-shadow {
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            }
            .gradient-bg {
                background: linear-gradient(135deg, #091E42 0%, #1D2B47 100%);
            }
            .hover-lift {
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            .hover-lift:hover {
                transform: translateY(-4px);
                box-shadow: 0 10px 25px rgba(22, 93, 255, 0.15);
            }
            .text-balance {
                text-wrap: balance;
            }
        }
    </style>
</head>
<body class="bg-dark text-white font-inter">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <!-- 报告头部 -->
        <header class="gradient-bg rounded-xl p-6 mb-8 hover-lift">
            <h1 class="text-[clamp(1.75rem,4vw,2.5rem)] font-bold text-transparent bg-clip-text bg-gradient-to-r from-primary to-secondary mb-3">网络安全态势综合分析报告</h1>
            <p class="text-gray-lighter text-lg max-w-4xl text-balance">本报告基于提供的安全状态信息和安全趋势信息，对当前网络环境进行了全面分析，识别出主要风险点并提出针对性改进建议。</p>
        </header>

        <main>
            <!-- 安全概览卡片 -->
            <section class="mb-8">
                <div class="bg-dark-light rounded-xl p-6 mb-6 hover-lift">
                    <h2 class="text-xl font-semibold mb-4 flex items-center">
                        <i class="fa fa-shield text-primary mr-2"></i>安全概览
                    </h2>
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
                        <div class="bg-dark rounded-lg p-5 hover-lift">
                            <div class="flex justify-between items-start mb-4">
                                <div>
                                    <p class="text-gray-light text-sm">总事件数量</p>
                                    <h3 class="text-2xl font-bold mt-1">13</h3>
                                </div>
                                <div class="bg-primary/10 p-3 rounded-full">
                                    <i class="fa fa-exclamation-circle text-primary"></i>
                                </div>
                            </div>
                            <div class="h-1 w-full bg-gray-700 rounded-full overflow-hidden">
                                <div class="h-full bg-primary" style="width: 65%"></div>
                            </div>
                        </div>
                        
                        <div class="bg-dark rounded-lg p-5 hover-lift">
                            <div class="flex justify-between items-start mb-4">
                                <div>
                                    <p class="text-gray-light text-sm">高危事件</p>
                                    <h3 class="text-2xl font-bold mt-1">4</h3>
                                </div>
                                <div class="bg-danger/10 p-3 rounded-full">
                                    <i class="fa fa-bolt text-danger"></i>
                                </div>
                            </div>
                            <div class="h-1 w-full bg-gray-700 rounded-full overflow-hidden">
                                <div class="h-full bg-danger" style="width: 30%"></div>
                            </div>
                        </div>
                        
                        <div class="bg-dark rounded-lg p-5 hover-lift">
                            <div class="flex justify-between items-start mb-4">
                                <div>
                                    <p class="text-gray-light text-sm">中危事件</p>
                                    <h3 class="text-2xl font-bold mt-1">3</h3>
                                </div>
                                <div class="bg-warning/10 p-3 rounded-full">
                                    <i class="fa fa-exclamation-triangle text-warning"></i>
                                </div>
                            </div>
                            <div class="h-1 w-full bg-gray-700 rounded-full overflow-hidden">
                                <div class="h-full bg-warning" style="width: 25%"></div>
                            </div>
                        </div>
                        
                        <div class="bg-dark rounded-lg p-5 hover-lift">
                            <div class="flex justify-between items-start mb-4">
                                <div>
                                    <p class="text-gray-light text-sm">低危事件</p>
                                    <h3 class="text-2xl font-bold mt-1">6</h3>
                                </div>
                                <div class="bg-secondary/10 p-3 rounded-full">
                                    <i class="fa fa-info-circle text-secondary"></i>
                                </div>
                            </div>
                            <div class="h-1 w-full bg-gray-700 rounded-full overflow-hidden">
                                <div class="h-full bg-secondary" style="width: 45%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 风险等级和资产分析 -->
            <section class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
                <div class="bg-dark-light rounded-xl p-6 lg:col-span-2 hover-lift">
                    <h2 class="text-xl font-semibold mb-4 flex items-center">
                        <i class="fa fa-chart-pie text-primary mr-2"></i>风险等级分布
                    </h2>
                    <div class="h-[300px]">
                        <canvas id="riskLevelChart"></canvas>
                    </div>
                </div>
                
                <div class="bg-dark-light rounded-xl p-6 hover-lift">
                    <h2 class="text-xl font-semibold mb-4 flex items-center">
                        <i class="fa fa-server text-primary mr-2"></i>资产漏洞情况
                    </h2>
                    <div class="space-y-3">
                        <div class="bg-dark rounded-lg p-4 hover-lift">
                            <div class="flex justify-between items-center">
                                <span class="text-sm">隐藏文件目录检测</span>
                                <span class="text-xs bg-danger/20 text-danger px-2 py-1 rounded-full">高危</span>
                            </div>
                            <p class="text-gray-lighter text-sm mt-2">通过命令行创建隐藏文件和目录</p>
                        </div>
                        
                        <div class="bg-dark rounded-lg p-4 hover-lift">
                            <div class="flex justify-between items-center">
                                <span class="text-sm">敏感命令执行检测</span>
                                <span class="text-xs bg-warning/20 text-warning px-2 py-1 rounded-full">中危</span>
                            </div>
                            <p class="text-gray-lighter text-sm mt-2">使用Grep命令查找系统上包含Password关键字的文件</p>
                        </div>
                        
                        <div class="bg-dark rounded-lg p-4 hover-lift">
                            <div class="flex justify-between items-center">
                                <span class="text-sm">系统信息检测</span>
                                <span class="text-xs bg-warning/20 text-warning px-2 py-1 rounded-full">中危</span>
                            </div>
                            <p class="text-gray-lighter text-sm mt-2">检测modprobe配置文件中涉及内核模块的文件事件</p>
                        </div>
                        
                        <div class="bg-dark rounded-lg p-4 hover-lift">
                            <div class="flex justify-between items-center">
                                <span class="text-sm">Linux tmp目录程序运行</span>
                                <span class="text-xs bg-secondary/20 text-secondary px-2 py-1 rounded-full">低危</span>
                            </div>
                            <p class="text-gray-lighter text-sm mt-2">检测到Linux tmp目录程序运行</p>
                        </div>
                        
                        <div class="bg-dark rounded-lg p-4 hover-lift">
                            <div class="flex justify-between items-center">
                                <span class="text-sm">受限Shell突破</span>
                                <span class="text-xs bg-danger/20 text-danger px-2 py-1 rounded-full">高危</span>
                            </div>
                            <p class="text-gray-lighter text-sm mt-2">Linux受限Shell通过Linux二进制突破</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 可折叠内容模块 -->
            <section class="space-y-6 mb-8">
                <!-- 执行摘要 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-file-alt text-primary mr-2"></i>1. 执行摘要
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6">
                        <p class="text-gray-lighter leading-relaxed text-balance">
                            本报告基于提供的安全状态信息和安全趋势信息，对当前网络环境进行了全面分析。报告涵盖了应用资产统计、弱口令分析、入侵攻击事件评估以及受影响资产状态等多个维度。通过对这些数据的聚合分析，我们识别出当前网络安全的主要风险点，并提出了针对性的改进建议。本报告所有分析均基于提供的数据，未进行任何猜测或假设。
                        </p>
                    </div>
                </div>

                <!-- 分析目标与方法论 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-tasks text-primary mr-2"></i>2. 分析目标与方法论
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6 hidden">
                        <div class="space-y-6">
                            <div>
                                <h3 class="text-lg font-medium mb-3">2.1 分析目标</h3>
                                <ul class="list-disc pl-5 space-y-2 text-gray-lighter">
                                    <li>全面评估当前网络环境中各类应用资产的安全状态</li>
                                    <li>识别弱口令使用情况及潜在风险</li>
                                    <li>分析近期入侵攻击事件的特征和趋势</li>
                                    <li>评估高风险资产的安全状况</li>
                                    <li>提出基于数据分析的安全改进建议</li>
                                </ul>
                            </div>
                            
                            <div>
                                <h3 class="text-lg font-medium mb-3">2.2 分析方法</h3>
                                <ul class="list-disc pl-5 space-y-2 text-gray-lighter">
                                    <li><strong>数据聚合</strong>：将相同或相似数据进行归类统计</li>
                                    <li><strong>趋势分析</strong>：基于时间序列数据识别安全事件发展趋势</li>
                                    <li><strong>风险量化</strong>：根据事件频率和威胁等级计算风险值</li>
                                    <li><strong>关联分析</strong>：寻找不同安全数据间的潜在关联关系</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 应用资产全面分析 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-desktop text-primary mr-2"></i>3. 应用资产全面分析
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6 hidden">
                        <div class="space-y-6">
                            <div>
                                <h3 class="text-lg font-medium mb-3">3.1 资产类型分布</h3>
                                <div class="overflow-x-auto">
                                    <table class="min-w-full divide-y divide-gray-700">
                                        <thead>
                                            <tr>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">资产类型</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">数量(个)</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">占比(%)</th>
                                            </tr>
                                        </thead>
                                        <tbody class="divide-y divide-gray-800">
                                            <tr>
                                                <td class="px-4 py-3">软件应用</td>
                                                <td class="px-4 py-3">4109</td>
                                                <td class="px-4 py-3">45.3</td>
                                            </tr>
                                            <tr class="bg-dark">
                                                <td class="px-4 py-3">AI 应用</td>
                                                <td class="px-4 py-3">4109</td>
                                                <td class="px-4 py-3">45.3</td>
                                            </tr>
                                            <tr>
                                                <td class="px-4 py-3">Web 应用框架</td>
                                                <td class="px-4 py-3">381</td>
                                                <td class="px-4 py-3">4.2</td>
                                            </tr>
                                            <tr class="bg-dark">
                                                <td class="px-4 py-3">Web 应用</td>
                                                <td class="px-4 py-3">337</td>
                                                <td class="px-4 py-3">3.7</td>
                                            </tr>
                                            <tr>
                                                <td class="px-4 py-3">Web 服务</td>
                                                <td class="px-4 py-3">214</td>
                                                <td class="px-4 py-3">2.4</td>
                                            </tr>
                                            <tr class="bg-dark">
                                                <td class="px-4 py-3">数据库</td>
                                                <td class="px-4 py-3">36</td>
                                                <td class="px-4 py-3">0.4</td>
                                            </tr>
                                            <tr>
                                                <td class="px-4 py-3">Web 站点</td>
                                                <td class="px-4 py-3">69</td>
                                                <td class="px-4 py-3">0.7</td>
                                            </tr>
                                            <tr class="bg-dark font-semibold">
                                                <td class="px-4 py-3">总计</td>
                                                <td class="px-4 py-3">9065</td>
                                                <td class="px-4 py-3">100</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            
                            <div>
                                <h3 class="text-lg font-medium mb-3">3.2 资产风险分析</h3>
                                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">软件应用与 AI 应用</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>数量占比高达 90.6%，是网络安全管理的重点</li>
                                            <li>需要特别关注其认证机制和访问控制</li>
                                            <li>建议建立专项安全审计机制</li>
                                        </ul>
                                    </div>
                                    
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">Web 相关资产</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>包括 Web 应用、服务和框架，共计 932 个</li>
                                            <li>是外部攻击的主要目标</li>
                                            <li>需要加强输入验证和输出编码防护</li>
                                        </ul>
                                    </div>
                                    
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">数据库系统</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>数量较少(36 个)，但存储关键数据</li>
                                            <li>需要特别关注权限管理和数据加密</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 剩余内容可折叠模块 -->
                <!-- 弱口令深度分析 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-lock text-primary mr-2"></i>4. 弱口令深度分析
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6 hidden">
                        <div class="space-y-6">
                            <div>
                                <h3 class="text-lg font-medium mb-3">4.1 弱口令统计</h3>
                                <div class="overflow-x-auto">
                                    <table class="min-w-full divide-y divide-gray-700">
                                        <thead>
                                            <tr>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">排名</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">密码(解码后)</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">命中次数</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">占比(%)</th>
                                            </tr>
                                        </thead>
                                        <tbody class="divide-y divide-gray-800">
                                            <tr>
                                                <td class="px-4 py-3">1</td>
                                                <td class="px-4 py-3">antiy@123</td>
                                                <td class="px-4 py-3">265</td>
                                                <td class="px-4 py-3">94.6</td>
                                            </tr>
                                            <tr class="bg-dark">
                                                <td class="px-4 py-3">2</td>
                                                <td class="px-4 py-3">password</td>
                                                <td class="px-4 py-3">7</td>
                                                <td class="px-4 py-3">2.5</td>
                                            </tr>
                                            <tr>
                                                <td class="px-4 py-3">3</td>
                                                <td class="px-4 py-3">123123</td>
                                                <td class="px-4 py-3">4</td>
                                                <td class="px-4 py-3">1.4</td>
                                            </tr>
                                            <tr class="bg-dark">
                                                <td class="px-4 py-3">4</td>
                                                <td class="px-4 py-3">123456</td>
                                                <td class="px-4 py-3">3</td>
                                                <td class="px-4 py-3">1.1</td>
                                            </tr>
                                            <tr>
                                                <td class="px-4 py-3">5</td>
                                                <td class="px-4 py-3">testtest</td>
                                                <td class="px-4 py-3">1</td>
                                                <td class="px-4 py-3">0.4</td>
                                            </tr>
                                            <tr class="bg-dark font-semibold">
                                                <td class="px-4 py-3">总计</td>
                                                <td class="px-4 py-3">-</td>
                                                <td class="px-4 py-3">280</td>
                                                <td class="px-4 py-3">100</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            
                            <div>
                                <h3 class="text-lg font-medium mb-3">4.2 弱口令风险评估</h3>
                                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">密码复杂度问题</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>前五名密码均为简单组合或常见字符串</li>
                                            <li>缺乏大小写字母、特殊字符的组合</li>
                                        </ul>
                                    </div>
                                    
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">密码复用问题</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>"antiy@123"一个密码占比高达 94.6%</li>
                                            <li>表明存在大量账户使用相同弱密码</li>
                                        </ul>
                                    </div>
                                    
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">加密存储问题</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>部分密码采用 Base64 编码存储但未加盐</li>
                                            <li>容易被攻击者识别和破解</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 入侵攻击事件综合分析 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-shield-alt text-primary mr-2"></i>5. 入侵攻击事件综合分析
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6 hidden">
                        <div class="space-y-6">
                            <div>
                                <h3 class="text-lg font-medium mb-3">5.1 事件类型分布</h3>
                                <div class="overflow-x-auto">
                                    <table class="min-w-full divide-y divide-gray-700">
                                        <thead>
                                            <tr>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">事件类型</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">出现次数</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">威胁等级</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">首次发生时间</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">最后发生时间</th>
                                            </tr>
                                        </thead>
                                        <tbody class="divide-y divide-gray-800">
                                            <tr>
                                                <td class="px-4 py-3">Linux tmp 目录程序运行</td>
                                                <td class="px-4 py-3">2</td>
                                                <td class="px-4 py-3">低危</td>
                                                <td class="px-4 py-3">2025-04-15 14:52:11</td>
                                                <td class="px-4 py-3">2025-04-15 15:02:06</td>
                                            </tr>
                                            <tr class="bg-dark">
                                                <td class="px-4 py-3">可疑行为</td>
                                                <td class="px-4 py-3">3</td>
                                                <td class="px-4 py-3">中危</td>
                                                <td class="px-4 py-3">2025-04-15 14:51:44</td>
                                                <td class="px-4 py-3">2025-04-15 14:52:25</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            
                            <div>
                                <h3 class="text-lg font-medium mb-3">5.2 时间序列分析</h3>
                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">时间密集度</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>所有事件集中在 10 分钟内(14:51:44 至 15:02:06)</li>
                                            <li>表明可能是有组织的攻击活动</li>
                                        </ul>
                                    </div>
                                    
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">攻击模式</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>先进行可疑行为探测(中危)</li>
                                            <li>随后尝试在 tmp 目录执行程序(低危)</li>
                                            <li>符合典型的横向移动攻击模式</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 高风险资产详细评估 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-exclamation-triangle text-primary mr-2"></i>6. 高风险资产详细评估
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6 hidden">
                        <div class="space-y-6">
                            <div>
                                <h3 class="text-lg font-medium mb-3">6.1 受影响资产 TOP5</h3>
                                <div class="overflow-x-auto">
                                    <table class="min-w-full divide-y divide-gray-700">
                                        <thead>
                                            <tr>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">IP 地址</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">威胁等级</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">命中次数</th>
                                                <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">主要攻击类型</th>
                                            </tr>
                                        </thead>
                                        <tbody class="divide-y divide-gray-800">
                                            <tr>
                                                <td class="px-4 py-3">10.254.179.45</td>
                                                <td class="px-4 py-3">高危</td>
                                                <td class="px-4 py-3">8153</td>
                                                <td class="px-4 py-3">未明确</td>
                                            </tr>
                                            <tr class="bg-dark">
                                                <td class="px-4 py-3">192.168.198.138</td>
                                                <td class="px-4 py-3">高危</td>
                                                <td class="px-4 py-3">1648</td>
                                                <td class="px-4 py-3">未明确</td>
                                            </tr>
                                            <tr>
                                                <td class="px-4 py-3">10.254.177.226</td>
                                                <td class="px-4 py-3">高危</td>
                                                <td class="px-4 py-3">850</td>
                                                <td class="px-4 py-3">SSH 暴力破解成功</td>
                                            </tr>
                                            <tr class="bg-dark">
                                                <td class="px-4 py-3">10.254.177.216</td>
                                                <td class="px-4 py-3">高危</td>
                                                <td class="px-4 py-3">486(两次)</td>
                                                <td class="px-4 py-3">删除 history 文件、SSH 软链接后门</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            
                            <div>
                                <h3 class="text-lg font-medium mb-3">6.2 攻击特征分析</h3>
                                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">SSH 相关攻击</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>暴力破解成功表明认证机制存在缺陷</li>
                                            <li>软链接后门表明系统已被入侵</li>
                                        </ul>
                                    </div>
                                    
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">痕迹清除</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>删除 history 文件是攻击者常用的痕迹清除手段</li>
                                        </ul>
                                    </div>
                                    
                                    <div class="bg-dark rounded-lg p-5 hover-lift">
                                        <h4 class="font-semibold text-primary mb-3">攻击持续性</h4>
                                        <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                            <li>同一 IP(10.254.177.216)遭受两种不同类型攻击</li>
                                            <li>表明系统可能已被完全控制</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 安全趋势预测 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-chart-line text-primary mr-2"></i>7. 安全趋势预测
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6 hidden">
                        <div class="space-y-6">
                            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                                <div class="bg-dark rounded-lg p-5 hover-lift">
                                    <div class="flex items-center mb-4">
                                        <div class="bg-danger/10 p-3 rounded-full mr-3">
                                            <i class="fa fa-exclamation-triangle text-danger"></i>
                                        </div>
                                        <h4 class="font-semibold text-lg">弱口令利用增加</h4>
                                    </div>
                                    <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                        <li>现有弱口令问题可能被更多攻击者利用</li>
                                        <li>特别是"antiy@123"密码的大范围使用</li>
                                    </ul>
                                </div>
                                
                                <div class="bg-dark rounded-lg p-5 hover-lift">
                                    <div class="flex items-center mb-4">
                                        <div class="bg-warning/10 p-3 rounded-full mr-3">
                                            <i class="fa fa-lock text-warning"></i>
                                        </div>
                                        <h4 class="font-semibold text-lg">SSH 攻击升级</h4>
                                    </div>
                                    <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                        <li>已成功的 SSH 暴力破解可能导致更多系统被入侵</li>
                                        <li>可能出现 SSH 隧道等更隐蔽的攻击方式</li>
                                    </ul>
                                </div>
                                
                                <div class="bg-dark rounded-lg p-5 hover-lift">
                                    <div class="flex items-center mb-4">
                                        <div class="bg-primary/10 p-3 rounded-full mr-3">
                                            <i class="fa fa-arrows-alt-h text-primary"></i>
                                        </div>
                                        <h4 class="font-semibold text-lg">横向移动加剧</h4>
                                    </div>
                                    <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                        <li>tmp 目录执行程序可能发展为持久化攻击</li>
                                        <li>攻击者可能在内部网络进一步扩散</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 综合安全建议 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-shield-virus text-primary mr-2"></i>8. 综合安全建议
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6 hidden">
                        <div class="space-y-6">
                            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                                <div class="bg-dark rounded-lg p-5 hover-lift">
                                    <h4 class="font-semibold text-primary mb-3">8.1 密码安全加固</h4>
                                    <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                        <li><strong>强制密码策略</strong>：实施最小长度 12 字符要求，必须包含大小写字母、数字和特殊字符，禁止使用前 1000 常见密码</li>
                                        <li><strong>密码管理改进</strong>：部署企业级密码管理工具，对 Base64 编码密码实施加盐哈希存储，定期(90 天)强制密码更换</li>
                                        <li><strong>多因素认证</strong>：对所有关键系统实施 MFA，优先采用 TOTP 或硬件令牌方式</li>
                                    </ul>
                                </div>
                                
                                <div class="bg-dark rounded-lg p-5 hover-lift">
                                    <h4 class="font-semibold text-primary mb-3">8.2 入侵防护强化</h4>
                                    <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                        <li><strong>主机加固</strong>：对高危主机(如 10.254.179.45)立即隔离检查，限制/tmp 目录执行权限，部署文件完整性监控(FIM)系统</li>
                                        <li><strong>SSH 安全增强</strong>：禁用密码认证，仅允许密钥认证，限制 SSH 访问源 IP，配置 fail2ban 防止暴力破解</li>
                                        <li><strong>日志管理</strong>：集中收集并分析所有系统日志，对 history 文件删除等行为设置告警，日志保存至少 180 天</li>
                                    </ul>
                                </div>
                                
                                <div class="bg-dark rounded-lg p-5 hover-lift">
                                    <h4 class="font-semibold text-primary mb-3">8.3 资产安全管理</h4>
                                    <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                        <li><strong>资产发现与分类</strong>：建立完整的资产清单，根据重要性对资产分级(如 AI 应用为关键级)</li>
                                        <li><strong>漏洞管理</strong>：每月执行全面漏洞扫描，高危漏洞 72 小时内修复，建立漏洞修复 SLA 机制</li>
                                        <li><strong>网络分段</strong>：实施零信任网络</strong>：实施零信任网络架构，关键系统(如数据库)放在独立网段，严格控制东西向流量</li>
                                    </ul>
                                </div>
                                
                                <div class="bg-dark rounded-lg p-5 hover-lift">
                                    <h4 class="font-semibold text-primary mb-3">8.4 监测与响应</h4>
                                    <ul class="list-disc pl-5 space-y-2 text-gray-lighter text-sm">
                                        <li><strong>威胁检测</strong>：部署 EDR 解决方案，配置异常行为检测规则，对 tmp 目录活动加强监控</li>
                                        <li><strong>事件响应</strong>：制定针对 SSH 入侵的专项响应流程，建立 7×24 小时 SOC 团队，定期进行红蓝对抗演练</li>
                                        <li><strong>威胁情报</strong>：订阅行业威胁情报源，对发现的 IOC 进行全网排查，建立内部威胁情报共享机制</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 实施路线图 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-road text-primary mr-2"></i>9. 实施路线图
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6 hidden">
                        <div class="overflow-x-auto">
                            <table class="min-w-full divide-y divide-gray-700">
                                <thead>
                                    <tr>
                                        <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">阶段</th>
                                        <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">时间框架</th>
                                        <th class="px-4 py-3 bg-dark text-left text-xs font-medium text-gray-lighter uppercase tracking-wider">主要任务</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-gray-800">
                                    <tr>
                                        <td class="px-4 py-3">紧急处置</td>
                                        <td class="px-4 py-3">0-7 天</td>
                                        <td class="px-4 py-3">1. 隔离高危主机<br>2. 重置所有弱密码<br>3. 禁用受影响 SSH 服务</td>
                                    </tr>
                                    <tr class="bg-dark">
                                        <td class="px-4 py-3">短期加固</td>
                                        <td class="px-4 py-3">8-30 天</td>
                                        <td class="px-4 py-3">1. 部署基础监控<br>2. 实施密码策略<br>3. 关键系统 MFA 部署</td>
                                    </tr>
                                    <tr>
                                        <td class="px-4 py-3">中期改进</td>
                                        <td class="px-4 py-3">1-3 月</td>
                                        <td class="px-4 py-3">1. 网络分段实施<br>2. 漏洞管理流程建立<br>3. SOC 团队组建</td>
                                    </tr>
                                    <tr class="bg-dark">
                                        <td class="px-4 py-3">长期优化</td>
                                        <td class="px-4 py-3">3-6 月</td>
                                        <td class="px-4 py-3">1. 零信任架构实施<br>2. 威胁情报整合<br>3. 自动化响应建设</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <!-- 结论 -->
                <div class="bg-dark-light rounded-xl overflow-hidden hover-lift">
                    <div class="collapsible-header p-6 cursor-pointer flex justify-between items-center">
                        <h2 class="text-xl font-semibold flex items-center">
                            <i class="fa fa-gavel text-primary mr-2"></i>10. 结论
                        </h2>
                        <i class="fa fa-chevron-down text-gray-light transition-transform duration-300"></i>
                    </div>
                    <div class="collapsible-content px-6 pb-6 hidden">
                        <p class="text-gray-lighter leading-relaxed text-balance">
                            本次分析揭示了当前网络环境中存在的严重安全隐患，特别是弱密码泛滥、SSH 服务暴露和高危主机未受保护等问题。通过实施本报告提出的安全加固措施，可以显著提升整体安全防护水平。建议优先处理密码问题和隔离高危系统，防止安全事件进一步扩大。同时，需要建立长效的安全机制，包括持续监控、定期审计和员工培训等，确保网络安全状况持续改善。
                        </p>
                    </div>
                </div>
            </section>
        </main>

        <footer class="mt-12 pt-8 border-t border-gray-800">
            <div class="flex flex-col md:flex-row justify-between items-center">
                <div class="mb-4 md:mb-0">
                    <p class="text-gray-light text-sm">网络安全态势综合分析报告</p>
                    <p class="text-gray-light text-xs mt-1">生成日期: 2025年5月13日</p>
                </div>
                <div class="flex space-x-4">
                    <button class="bg-primary hover:bg-primary/80 text-white px-4 py-2 rounded-lg transition-colors duration-300 flex items-center">
                        <i class="fa fa-download mr-2"></i> 下载报告
                    </button>
                    <button class="bg-dark-light hover:bg-dark-light/80 text-white px-4 py-2 rounded-lg transition-colors duration-300 flex items-center">
                        <i class="fa fa-share-alt mr-2"></i> 分享
                    </button>
                </div>
            </div>
        </footer>
    </div>

    <script>
        // 风险等级图表
        const riskLevelCtx = document.getElementById('riskLevelChart').getContext('2d');
        new Chart(riskLevelCtx, {
            type: 'doughnut',
            data: {
                labels: ['高危', '中危', '低危'],
                datasets: [{
                    data: [4, 3, 6],
                    backgroundColor: [
                        '#F53F3F',
                        '#FF7D00',
                        '#36BFFA'
                    ],
                    borderWidth: 0,
                    hoverOffset: 4
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: {
                        position: 'bottom',
                        labels: {
                            color: '#E9EAEC',
                            padding: 20,
                            font: {
                                family: 'Inter',
                                size: 12
                            }
                        }
                    },
                    tooltip: {
                        backgroundColor: '#091E42',
                        titleColor: '#E9EAEC',
                        bodyColor: '#E9EAEC',
                        borderColor: '#165DFF',
                        borderWidth: 1,
                        padding: 12,
                        displayColors: true,
                        callbacks: {
                            label: function(context) {
                                const label = context.label || '';
                                const value = context.raw || 0;
                                const total = context.dataset.data.reduce((acc, val) => acc + val, 0);
                                const percentage = Math.round((value / total) * 100);
                                return `${label}: ${value} (${percentage}%)`;
                            }
                        }
                    }
                },
                cutout: '70%',
                animation: {
                    animateScale: true,
                    animateRotate: true
                }
            }
        });

        // 可折叠内容
        document.querySelectorAll('.collapsible-header').forEach(header => {
            header.addEventListener('click', () => {
                const content = header.nextElementSibling;
                const icon = header.querySelector('i.fa-chevron-down');
                
                content.classList.toggle('hidden');
                icon.classList.toggle('rotate-180');
            });
        });

        // 默认展开第一个可折叠内容
        document.querySelector('.collapsible-content').classList.remove('hidden');
        document.querySelector('.collapsible-header i.fa-chevron-down').classList.add('rotate-180');
    </script>
</body>
</html>
    